<div class="tab-content">
    <div class="tab-pane active" id="info19">
        <div class="well">
            语音合成
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>
                    使用须知
                </strong>
            </div>
            <div class="panel-body">
               智能AL文字转语音
            </div>
        </div>
        <!-- 内容 -->
            <div class="row">
    <form class="form-horizontal form-ajax" role="form" data-toggle="validator" method="POST" id="form"  action="{:addon_url('alispeech/index/index');}">
        <div class="col-xs-9">
            <div class="form-inline" data-toggle="cxselect">
                <label class="control-label">语速</label>
                <input type="number" class="form-control" min="-500" max="500" data-style="btn-primary" required  name="speech_rate"  placeholder="-500~500"  style="min-width: 120px;">
                <label class="control-label">语调</label>
                <input type="number" class="form-control" min="-500" max="500" data-style="btn-primary" required  name="pitch_rate"  placeholder="-500~500" style="min-width: 120px;">
                <label class="control-label">音量</label>
                <input type="number" class="form-control" min="0" max="100" data-style="btn-primary" required  name="volume"  placeholder="0~100" style="min-width: 120px;">

                <label class="control-label">发音人</label>
                <select class=" form-control" name="voice"  style="min-width: 120px;">
                    <option value="Aixia">艾夏</option>
                    <option value="Aiyue">艾悦</option>
                    <option value="Aixia">艾夏</option>
                    <option value="Aiyue">艾悦</option>
                    <option value="Aiqi">艾琪</option>
                    <option value="Aimei">艾美</option>
                    <option value="Aida">艾达</option>
                    <option value="Ainan">艾楠</option>
                    <option value="Aixiang">艾祥</option>
                    <option value="Aide">艾德</option>
                    <option value="Aiwei">艾薇</option>
                    <option value="Aibao">艾宝</option>
                    <option value="Qingqing">青青（台湾女声）</option>
                    <option value="Cuijie">翠姐（东北女声）</option>
                    <option value="Xiaoze">小泽（湖南重口音）</option>
                    <option value="Shanshan">姗姗（粤语女声）</option>
                    <option value="Xiaoyue">小玥（四川女声）</option>
                </select>

                
            </div>
        </div>

        <div class="col-xs-3 text-right">
            <h6><a class="btn btn-success" href="javascript:;" onclick="$('#form').submit();"><i class="fa fa-play"></i> 生成</a></h6>
        </div>
        <div class="col-xs-12">
            <textarea class="form-control" rows="8" name="text" placeholder="为保证语音合成质量，请将单次请求长度控制在 1000 bytes以内。（汉字约为300个）" data-rule="required" ></textarea>
        </div>
        </form>
    </div>

    <div class="row" style="">
            <div class="panel panel-default">
            <div class="panel-heading">
                <strong>
                    结果
                </strong>
            </div>
            <div class="panel-body">
                <audio autoplay="autoplay" controls="controls" id="testingaudio" src="">

                </audio>
            </div>

                <button class="btn btn-success" id="joinfiles" style="margin: 20px;">确认加入素材库</button>
        </div>
    </div>





    </div>

</div>